<section class="sectionBg" [ngStyle]="tagData.cssStyle|styleFilter">
  <!--展示head-->
  <ng-container *ngIf="tagData.data.data">
    <p class="house-type" *ngIf="tagData.data?.title" [ngStyle]="tagData.data?.data[0]?.titleCssStyle|styleFilter">
      {{tagData.data?.title}}</p>
    <!--水平滑动列表-->
    <div class="vertical-box">
      <div class="inner-vertical">
        <ng-container *ngFor="let v of tagData.data.data">
          <div class="vertical-item">
            <img [src]="v.img" class="v-img" onerror="this.src='assets/img/375x250@2x.png'"
              [ngStyle]="v.imgCssStyle|styleFilter" />
            <div class="bottom-box" [ngStyle]="v.bottomBoxCssStyle|styleFilter">
              <span class="area" *ngIf="v.specsInfo" [ngStyle]="v.specsInfoCssStyle|styleFilter">{{v.specsInfo}}</span>
              <div class="area" *ngIf="v.spline" [ngStyle]="v.spline|styleFilter"></div>
              <span class="area" *ngIf="v.buildArea" [ngStyle]="v.buildAreaCssStyle|styleFilter">{{v.buildArea}}</span>
            </div>
            <img class="circle-img" appDebounceClick (debounceClick)="enlargedView($event,v.link)" src="assets/fw/icon_zoom.png" />
          </div>
        </ng-container>
      </div>
    </div>
  </ng-container>
  <div class="noData" *ngIf="(tagData.data.data.length === 0)||( !tagData.data)">
    <span>暂无数据</span>
  </div>
  <!-- <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll> -->
</section>